<script setup>
import {useRouter} from "vue-router";
import {ref} from "vue";

let path = ref('/a')
// 拿到了$router对象
const router = useRouter()
// 通过push函数实现<router-link/>的效果
// 这种方式我们就叫做编程式路由
// router.push('/a')
// router.push({path: '/a'})
// router.push({name: 'a'})
// router.push({path: `${path.value}`})
router.push({path: `${path.value}`, replace: true})
// replace 它在导航时不会向 history 添加新记录 只是它取代了当前的条目。
// router.replace({path: `${path.value}`})
</script>

<template>
  <!--  这种写法我们叫做声明式路由-->
  <!--  <router-link/>-->
  <router-view/>
</template>

<style scoped>

</style>